import React from "react";

const Demo = (props: any) => {
  return (
    <ul className='tree'>
      <li className='tree-item'>
        <div className='tree-title'>
          <div className='folder open'></div>
          <div className='checkbox'></div>
          <div className='item'>笔记本</div>
        </div>

        <ul className='tree'>
          <li className='tree-item'>
            <div className='tree-title'>
              <div className='folder open'></div>
              <div className='checkbox checked'></div>
              <div className='item'>笔记本</div>
            </div>

            <ul className='tree'>
              <li className='tree-item'>
                <div className='tree-title'>
                  <div className='folder'></div>
                  <div className='checkbox checked'></div>
                  <div className='item'>笔记本</div>
                </div>
              </li>
            </ul>
          </li>
        </ul>
      </li>
      <ul className='tree'>
        <li className='tree-item'>
          <div className='tree-title'>
            <div className='folder open'></div>
            <div className='checkbox checked'></div>
            <div className='item'>笔记本</div>
          </div>
        </li>
      </ul>
      <ul className='tree'>
        <li className='tree-item'>
          <div className='tree-title'>
            <div className='folder open'></div>
            <div className='checkbox checked'></div>
            <div className='item'>笔记本</div>
          </div>
        </li>
      </ul>
    </ul>
  )
}

export default Demo;